import {
	ref,
	onMounted,
	onUnmounted
} from 'vue'

export function useMouse() {
	const x = ref(0)
	const y = ref(0)

	function update(event) {
		x.value = event.pageX
		y.value = event.pageY
	}

	onMounted(() => {
		window.addEventListener('mousemove', update)
	})
	onUnmounted(() => {
		window.removeEventListener('mousemove', update)
	})

	return {
		x,
		y
	}
}